const path = require('path');
const htmlWebpackPlugin = require("html-webpack-plugin");
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
	entry: path.join(__dirname, './src/main.js'),
	output: {
		path: path.join(__dirname, './dist'),
		filename: 'bundle.js'
	},
	plugins: [
		new htmlWebpackPlugin({
			template: path.join(__dirname,'./src/index.html'),
			filename: "index.html"
		}),
		new VueLoaderPlugin()
	],
	module:{
		rules:[
			{test:/\.css$/,use:['style-loader','css-loader']},
			{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},
			{test:/\.(jpg|png)$/,use:'url-loader?limit=8192&name=[hash:8]-[name].[ext]'},
			{test:/\.(ttf|png)$/,use:'url-loader'},
			{test:/\.vue$/,use:'vue-loader'}
		]
	},
	resolve:{
		alias:{
			'vue$':'vue/dist/vue.js'
		}
	}
}
